<!DOCTYPE >
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" src="../internal.js"></script>
    <style type="text/css">
      .wrapper {
        width: 540px;
        margin: 10px auto;
      }
      #appShow {
        border: 1px solid #ddd;
      }
      .errorMsg {
        font-size: 13px;
        margin: 10px;
        color: #dd0000;
      }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <div id="appShow"></div>
    </div>
    <script type="text/javascript">
      //此处配置您在百度上申请到的appkey。
      var apikey = editor.options.webAppKey;
      if (apikey && apikey.length == 24) {
        var searchConfig = {
            container: "appShow", //容器ID
            tips: "", //该值用于自动清空
            search: 1, //是否显示搜索框
            ps: 12, //每页显示的条数
            suggest: 1, //是否开启搜索自动完成
            limit: 0, //搜索结果显示条数，0表示无限制
            searchNow: 0, //是否在初始化完成时立即搜索
            apikey: apikey, //每人得
            pager: 1,
            cid: 7134562,
            outputHTML: 1
          },
          baiduApp;

        function clickCallback() {
          baiduApp.addEventListener("getAppHTML", function(e, data) {
            var url =
              "http://app.baidu.com/app/enter?appid=" +
              data.data["app_id"] +
              "&tn=app_canvas&app_spce_id=1&apikey=" +
              apikey +
              "&api_key=" +
              apikey;
            editor.execCommand("webapp", {
              url: url,
              width: data.uniWidth,
              height: data.uniHeight + 60,
              logo: data.data["app_logo"],
              title: data.data["app_name"]
            });
            dialog.close();
          });
        }

        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src =
          "http://app.baidu.com/appweb/api/search?auto=yes&container=container&apikey=" +
          apikey +
          "&instanceName=baiduApp&callback=clickCallback&config=searchConfig";
        document.body.appendChild(script);
      } else {
        $G("appShow").innerHTML =
          "<p class='errorMsg'>" +
          lang.tip1 +
          "<a title='" +
          lang.anthorApi +
          "' href='http://app.baidu.com/static/cms/getapikey.html' target='_blank'>" +
          lang.applyFor +
          "</a></p><p class='errorMsg'>" +
          lang.tip2 +
          "</p>";
      }
    </script>
  </body>
</html>
